<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <style>
    html, body {
      margin: 0;
      padding: 0;
    }

    #easelContainer {
      position: fixed;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
    }

    #flashContainer {
      position: absolute;
      left: 0px;
      top: 0px;
      display: none;
      mix-blend-mode: difference;
      opacity: 0.8;
    }
  </style>
  <script src="../../src/compatibility.js"></script>
</head>
<body>
  <div id="easelContainer">

  </div>


  <!-- Autogenerated gfx references: base=../../ -->
  <script> console.time("Load Shared Dependencies"); </script>

  <script src="../../build/version/version.js"></script>
  <script src="../../build/ts/base.js"></script>
  <script src="../../build/ts/tools.js"></script>

  <script> console.timeEnd("Load Shared Dependencies"); </script>

  <script> console.time("Load GFX Dependencies"); </script>

  <script src="../../build/ts/gfx-base.js"></script>
  <script src="../../build/ts/gfx.js"></script>

  <script> console.timeEnd("Load GFX Dependencies"); </script>

  <!-- Autogenerated gfx references end -->

  <script src="js/inspectorLogging.js"></script>
  <script src="js/inspectorGfx.js"></script>
</body>
</html>
